<template>
    <div>
            <table class="table_detail" style="width: 100%;">
                    <tr> <td colspan="5" class="headColor"> <span>交易条件与受让方资格条件</span></td></tr>                                 
                    <tr>
                        <td rowspan="5" class="showC headColor"><span>交易条件</span></td>
                    </tr>   
                    <tr>
                        <td class="headColor"><span>标的名称</span></td>
                        <td colspan="3" class="normalC"><span>{{cData.subjectName}}</span></td>
                    </tr>  
                    <tr>
                        <td class="headColor"><span>转让底价</span></td>
                        <td colspan="3" class="normalC"><span>{{cData.transferReservePrice}}</span></td>
                    </tr>  
                    <tr>
                        <td class="headColor"><span>是否设置保留价</span></td>
                        <td  class="normalC"><span>{{cData.isSetReservePrice | getBoolean}}</span></td>
                         <td class="headColor"><span>价款支付方式</span></td>
                        <td  class="normalC"><span>{{cData.paymentRequest}}</span></td>                       
                    </tr>  
                     <tr>
                        <td class="headColor"><span>与转让相关的其他条件</span></td>
                        <td colspan="3" class="normalC showText"><pre><span>{{cData.otherConditions}}</span></pre></td>
                    </tr> 
                    <tr>
                        <td class="headColor"><span>受让方资格条件</span></td>
                        <td colspan="4" class="normalC"><pre><span>{{cData.transfereeQualification}}</span></pre></td>
                    </tr>   
                     <tr>
                        <td class="headColor"><span>是否接受联合体受让</span></td>
                        <td colspan="4" class="normalC"><span>{{cData.isAccepteTransferConsortium | getBoolean}}</span></td>
                    </tr>     
                    <tr> 
                        <td class="headColor"> <span>踏勘安排</span></td>
                        <td colspan="4" class="showText"><span>时间：信息披露截止日前{{cData.surveyTime}}个工作日 <br>地点：{{cData.surveyLocation}} <br>联系人：{{cData.surveyContact}}</span></td>
                    </tr> 
                    <tr>
                        <td rowspan="5" class="showC headColor"><span>交易保证金设定</span></td>
                    </tr>                       
                     <tr> 
                        <td class="headColor"> <span>交纳交易保证金</span></td>
                        <td colspan="4"><span>{{cData.isPayTradingMargin | getBoolean}}</span></td>
                    </tr> 
                    <tr> 
                        <td class="headColor"> <span>交纳金额</span></td>
                        <td colspan="4"><span>{{cData.amountPaid}}</span></td>
                    </tr> 
                    <tr> 
                        <td class="headColor"> <span>交纳时间</span></td>
                        <!-- <td colspan="4"><span>{{cData.payTime}}</span></td> -->
                         <!-- <td colspan="3" class="normalC"><span>{{cData.payTime}}</span></td> -->
                        <td colspan="4"> <span>信息披露截止日16:00时前交纳（以到账时间为准）</span> </td>                       
                    </tr> 
                    <tr> 
                        <td class="headColor"> <span>处置方式</span></td>
                        <td colspan="4"><pre><span>{{cData.solveMethod}}</span></pre></td>
                    </tr>                                                                                                                                                                                                                                                                                                                                                                                                                  
            </table>
    </div>
</template>

<script>
    export default {
        props:{
            // cText:'',
            cData: {}
            // cCol:'',
        },
        data() {
            return {
                cCol: [
                    {
                        name1: "data1",
                    },{
                        name1: "data2",
                        name2: "data3"
                    },{
                        name1: "data4",
                        name2: "data5"
                    },{
                        name1: "data7",
                        name1: "data8"
                    },{
                        name1: "data9",
                        name1: "data10"
                    }
                ],  
                       
            }
        },
        mounted() {
        },
        filters: {
            getBoolean(val) {
                return val?'是':'否'
            },
        },
        watch: {
            cData(newv) {

            },
        },
    }
</script>

<style scoped>
    .normalC{ background-color: #ffffff !important;}
    .showC{ background-color: #f5f5f5 !important;}
    .table_detail td:nth-child(odd) {
        width: 240px;
        height: 40px;
        background-color: #f5f5f5;
        flex: none;
    }    
    
</style>